<!DOCTYPE html>
<html>
  <head>
    <title>Web Data Channel Client</title>
    <meta charset="UTF-8">

    <script src="openteraWebrtcWebClient.js"></script>
  </head>
  <body>

    <h1>Web Data Channel Client</h1>

    <h4>Name: </h4>
    <input id="name_input" type="text"></input>

    <h4>Password: </h4>
    <input id="password_input" type="text" value="abc"></input>
    
    <h4>Signaling Server Connection: </h4>
    <button id="connect_button" type="button">Connect</button>
    <button id="close_button" type="button">Close</button>

    <h4>Clients: </h4>
    <ul id="client_list"></ul>
    
    <h4>Call All: </h4>
    <button id="call_all_button" type="button">Call All</button>
    <button id="hang_up_all_button" type="button">Hang Up All</button>
    <button id="close_all_room_peer_connections" type="button">Close All Room Peer Connections</button>

    <h4>Call One: </h4>
    <input id="id_input" type="text"></input>
    <button id="call_one_button" type="button">Call</button>

    <h4>Messages: </h4>
    <input id="text_input" type="text"></input>
    <button id="send_button" type="button">Send</button><br><br>
    <textarea id="chat_text_area" rows="10" cols="50" readonly></textarea>



    <script src="client.js"></script>

  </body>
</html>
